import { createRouter, createWebHistory } from 'vue-router';
import vue from 'vue';
// 假设你的index.vue文件位于src/views/目录下
// 异步加载index.vue组件
// 定义路由
const routes = [
  {
    path: '/',
    name: 'login',
    component: () => import('../views/Login.vue')
  },

  {
    path: '/register',
    name: 'register',
    component: () => import('../views/register.vue')
  },
  {
    path: '/phone',
    name: 'phone',
    component: () => import('../views/phone.vue')
  },
  {
    path: '/change',
    name: 'change',
    component: () => import('../views/change.vue')
  },
  {
    path: '/found',
    name: 'Found',
    component: () => import('../views/found.vue')
  },

  {
    path: '/index1',
    name: 'Index1',
   component: () => import('../views/index.vue'), // 使用异步导入的组件
    meta:{requireAuth:true},
  },
  // 如果有其他路由，可以在这里继续添加
  {
    path: '/order1',
    name: 'Order', // 路由名称，通常使用大写字母开头的驼峰命名法，但小写也是可以的
    component: () =>import('../views/order1.vue'),// 使用异步导入的组件
    meta:{requireAuth:true},
  },
  {
    path: '/self1',
    name: 'SELF', // 路由名称，通常使用大写字母开头的驼峰命名法，但小写也是可以的
    component: () =>import('../views/self1.vue'),// 使用异步导入的组件
    meta:{requireAuth:true},
  },

  {
    path: '/data1',
    name: 'Data', // 路由名称，通常使用大写字母开头的驼峰命名法，但小写也是可以的
    component: () => import('../views/data1.vue'), // 使用异步导入的组件
    meta:{requireAuth:true},
  },
  {
    path: '/member1',
    name: 'Member', // 路由名称，通常使用大写字母开头的驼峰命名法，但小写也是可以的
    component: () => import('../views/member1.vue'), // 使用异步导入的组件
    meta:{requireAuth:true},
  },
  {
    path: '/goods',
    name: 'Goods', // 路由名称，通常使用大写字母开头的驼峰命名法，但小写也是可以的
    component: () => import('../views/goods.vue'), // 使用异步导入的组件
    meta:{requireAuth:true},
  },
];

// 创建并导出router实例
const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

export default router;